{% extends "AdminSalarySysMenu/MainMain.html" %}
{% load staticfiles %}
{% block CSSAnotherhead %}
	<!-- Data Table-->
	<link rel="stylesheet" type="text/css" href="{% static 'bower_components/datatable/datatables.min.css'%}"/>
{% endblock %}
{% block bodyhead %}

<body class="hold-transition skin-green-light sidebar-mini" onload="initPage()">

  {% endblock %}

  {% block AdminUserOperation %}
  <li class="active">
    <a href="{% url 'GZGL:AdminUserOperation' %}">
      <i class="fa fa-user"></i>
      <span> 用户信息管理</span>
      <span class="pull-right-container">
        <i class="fa fa-angle-right pull-right"></i>
      </span>
    </a>
  </li>
  {% endblock %}

  {% block content %}
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        用户信息管理
        <small>用户资料修改</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
      </ol>

    </section>

    <!-- Main content -->
    <section class="content container-fluid">
  
		  
        <div class="col-10">
             
             <div class="box">
                <div class="box-header with-border">
                  <h3 class="box-title">用户列表</h3>
                  <a href="{% url 'GZGL:AdminNewUser' %}">
                  <button type="button" class="col-md-2 btn btn-danger pull-right">新建用户</button>
                  </a>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
            <div>
              <table id="example5" class="table table-bordered table-striped" style="width:100%">
              <thead>
                <tr>
                  <th>姓名</th>
                  <th>ID</th>
                  <th>性别</th>
                  <th>手机号</th>
                  <th>入职日期</th>
                  <th>用户类型</th>
                  <th>基本工资</th>
                  <th>详细信息</th>

                </tr>
              </thead>
            

              <tbody> 
                 {% for StaffFile in StaffFile %}
                <tr>
                  <td>{{StaffFile.staff_name}}</td>
                  <td>{{StaffFile.staff_id}}</td>
                  <td>{{StaffFile.staff_sex}}</td>
                  <td>{{StaffFile.staff_phonenum}}</td>
                  <td>{{StaffFile.staff_InJobdate}}</td>
                  <td>{{StaffFile.staff_Employee_type}}</td>
                  <td>{{StaffFile.staff_Base_Salary}}元</td>
  
                  <td>
                      <form action="{% url 'GZGL:AdminUserDetails' %}" method="POST">
                          {% csrf_token %}
                          <input type="hidden" name="iddddd" class="form-control" value="{{StaffFile.staff_id}}">
                          <button type="submit" class="btn btn-block btn-primary btn-sm ">详细信息</button>
                        </form>
                    
                  </td>
                </tr>
                {% endfor %}
              </tbody>

              
              <tfoot>
                <tr>
                  <th>姓名</th>
                  <th>ID</th>
                  <th>性别</th>
                  <th>手机号</th>
                  <th>入职日期</th>
                  <th>用户类型</th>
                  <th>基本工资</th>
                  <th>详细信息</th>

                </tr>
              </tfoot>
            </table>
            </div>
                </div>
                <!-- /.box-body -->
              </div>
              <!-- /.box -->      
            </div>  

       

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  {% endblock %}
  {% block JSAnotherFile %}
    <!-- REQUIRED JS SCRIPTS -->
    <script src="{% static 'js/Signin.js'%}" type="text/javascript"></script>

    <script src="{% static 'bower_components/datatable/datatables.min.js'%}"></script>
	

  <script src="{% static 'js/data-table.js'%}"></script>

  {% endblock %}

  